<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <!-- <meta charset="GBK"> -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <base href="http://www.baidu.com">
    <title>Document</title>
</head>

<body text="yellow" bgcolor="green" background="D:\workspace\safer\第一课\images\charsets.jpg">
    <h3>测试实例</h3>
    <img src="" alt="">
    <a style="color: brown;" href="https://www.baidu.com">超链接，点击一下</a>

    <ol type="1">
        <li> haha </li>
        <li> haha </li>
        <li> haha </li>
        <li> haha </li>
    </ol>

    <ol type="I" start="10">
        <li> haha </li>
        <li> haha </li>
        <li> haha </li>
        <li> haha </li>
    </ol>

    <ul>
        <li> haha </li>
        <li> haha </li>
        <li> haha </li>
        <li> haha </li>
    </ul>

    <ul type="square">
        <li> haha </li>
        <li> haha </li>
        <li> haha </li>
        <li> haha </li>
    </ul>

    <ul type="circle">
        <li> haha </li>
        <li> haha </li>
        <li> haha </li>
        <li> haha </li>
    </ul>

    <dl>
        <dt> haha </dt>
        <dd> haha </dd>
        <dd> haha </dd>
        <dd> haha </dd>
    </dl>

    <dl>
        <dt>购物指南</dt>
        <dd>
            <a href="https://www.baidu.com">百度</a>
            <a href="https://www.taobao.com">淘宝</a>
            <a href="https://www.jd.com">京东</a>
            <a href="https://www.suning.com">苏宁</a>
        </dd>
        <dt>电脑品牌</dt>
    </dl>
    <dl>
        <dd>
            <a href="https://www.apple.com">苹果</a>
            <a href="https://www.dell.com">戴尔</a>
            <a href="https://www.hp.com">惠普</a>
            <a href="https://www.lenovo.com">联想</a>
        </dd>
    </dl>

    <table border="4">
        <caption>表格标题</caption>
        <tr>
            <th>表头</th>
            <th>表头</th>
        </tr>
        <tr>
            <td>单元格</td>
            <td>单元格</td>
        </tr>
        <tr>
            <td>单元格</td>
            <td>单元格</td>
        </tr>
    </table>

    <form name="my" id="uuid" action="http://www.baidu.com" method="post" encrypt="application/x-www-form-urlencoded">
        用户名：<input type="text" name="username" />
        密码：<input type="password" name="password" />
        <br>
        <hr/>

        性别：<input type="radio" name="sex" id="male" />
        <label for="male">男</label>
        <input type="radio" name="sex" id="female" />
        <label for="female">女</label>
        <br />
        爱好：<input id="eat" type="checkbox" name="hobby" value="eat" />
        <label for="eat">渗透</label>
        <input id="code" type="checkbox" name="hobby" value="sleep" />
        <label for="code">代码</label>
        <input id="game" type="checkbox" name="hobby" value="play" />
        <label for="game">游戏</label>

        <br />
        <textarea name="content" id="content" cols="30" rows="10"></textarea>

        <input type="hidden" id="hidden" value="haha" />

        <br/>

        <select name="city" id="city">
            <option value="beijing">北京</option>
            <option value="shanghai">上海</option>
            <option value="shenzhen">深圳</option>
            <option value="guangzhou">广州</option>
        </select>
        <br/>

        <input type="file" name="file" id="file" />
        <input type="text" name="text" id="text" value="haha" readonly />
        <input type="text" name="text" id="text" value="haha" disabled />
        <br>
        <input type="date" name="date" id="date" value="" />
        <br>
        <input type="datetime" name="datetime" id="datetime" value="" />
        <br>
        <input type="datetime-local" name="datetime-local" id="datetime-local" value="haha" />
        <br>
        <input type="month" name="month" id="month" value="haha" />
        <br>
        <input type="week" name="week" id="week" value="haha" />
        <br>
        <input type="time" name="time" id="time" value="haha" />
        <br>
        <input type="number" name="number" id="number" value="haha" />
        <br>
        <input type="range" name="range" id="range" value="haha" />
        <br>
        <input type="color" name="color" id="color" value="haha" />
        <br>
        <input type="email" name="email" id="email" value="haha" />
        <br>
        <input type="url" name="url" id="url" value="haha" />
        <br>
        <input type="search" name="search" id="search" value="haha" />
        <br>
        <input type="tel" name="tel" id="tel" value="haha" />


        <input type="submit" value="提交" />

    </form>

</body>

</html>